<!DOCTYPE html>
<html lang="en" data-textdirection="ltr" class="loading">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
    <meta name="description"
        content="Robust admin is super flexible, powerful, clean &amp; modern responsive bootstrap 4 admin template with unlimited possibilities.">
    <meta name="keywords"
        content="admin template, robust admin template, dashboard template, flat admin template, responsive admin template, web app">
    <meta name="author" content="PIXINVENT">
    <title>Basic Tables - Robust Free Bootstrap Admin Template</title>
    <script src="/public/jquery/jquery-3.3.1.min.js" type="text/javascript"></script>
    <link rel="apple-touch-icon" sizes="60x60" href="/public/bbs_admin/app-assets/images/ico/apple-icon-60.png">
    <link rel="apple-touch-icon" sizes="76x76" href="/public/bbs_admin/app-assets/images/ico/apple-icon-76.png">
    <link rel="apple-touch-icon" sizes="120x120" href="/public/bbs_admin/app-assets/images/ico/apple-icon-120.png">
    <link rel="apple-touch-icon" sizes="152x152" href="/public/bbs_admin/app-assets/images/ico/apple-icon-152.png">
    <link rel="shortcut icon" type="image/x-icon" href="/public/bbs_admin/app-assets/images/ico/favicon.ico">
    <link rel="shortcut icon" type="image/png" href="/public/bbs_admin/app-assets/images/ico/favicon-32.png">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="default">
    <!-- BEGIN VENDOR CSS-->
    <link rel="stylesheet" type="text/css" href="/public/bbs_admin/app-assets/css/bootstrap.css">
    <!-- font icons-->
    <link rel="stylesheet" type="text/css" href="/public/bbs_admin/app-assets/fonts/icomoon.css">
    <link rel="stylesheet" type="text/css"
        href="/public/bbs_admin/app-assets/fonts/flag-icon-css/css/flag-icon.min.css">
    <link rel="stylesheet" type="text/css" href="/public/bbs_admin/app-assets/vendors/css/extensions/pace.css">
    <!-- END VENDOR CSS-->
    <!-- BEGIN ROBUST CSS-->
    <link rel="stylesheet" type="text/css" href="/public/bbs_admin/app-assets/css/bootstrap-extended.css">
    <link rel="stylesheet" type="text/css" href="/public/bbs_admin/app-assets/css/app.css">
    <link rel="stylesheet" type="text/css" href="/public/bbs_admin/app-assets/css/colors.css">
    <!-- END ROBUST CSS-->
    <!-- BEGIN Page Level CSS-->
    <link rel="stylesheet" type="text/css"
        href="/public/bbs_admin/app-assets/css/core/menu/menu-types/vertical-menu.css">
    <link rel="stylesheet" type="text/css"
        href="/public/bbs_admin/app-assets/css/core/menu/menu-types/vertical-overlay-menu.css">
    <!-- END Page Level CSS-->
    <!-- BEGIN Custom CSS-->
    <link rel="stylesheet" type="text/css" href="/public/bbs_admin/assets/css/style.css">
    <!-- END Custom CSS-->
    <!-- data_time request -->
    <link href="http://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <link href="/public/bbs_admin/data_time/assets/theme/css/tempusdominus-bootstrap-4.css" rel="stylesheet">
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
	        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
	        <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
	    <![endif]-->
    <script type="text/javascript" src="/public/bbs_admin/data_time/js/moment-with-locales.min.js"></script>
    <script src="/public/bbs_admin/data_time/assets/theme/js/tempusdominus-bootstrap-4.js"></script>
    <script src="/public/bbs_admin/bootstrap/bootstrap/js/bootstrap.js"></script>
    <script src="/public/bbs_admin/bootstrap/bootstrap-select/js/bootstrap-select.js"></script>
    <!-- <link rel="stylesheet" href="/public/bbs_admin/bootstrap/bootstrap/css/bootstrap.min.css"> -->
    <link rel="stylesheet" href="/public/bbs_admin/bootstrap/bootstrap-select/css/bootstrap-select.css">
    <link rel="stylesheet" type="text/css" href="/public/bbs_admin/datetime.css">
    <!-- data_time request end -->
</head>

<body data-open="click" data-menu="vertical-menu" data-col="2-columns"
    class="vertical-layout vertical-menu 2-columns  fixed-navbar">

    <!-- navbar-fixed-top-->
    <nav class="header-navbar navbar navbar-with-menu navbar-fixed-top navbar-semi-dark navbar-shadow">
        <div class="navbar-wrapper">
            <div class="navbar-header">
                <ul class="nav navbar-nav">
                    <li class="nav-item mobile-menu hidden-md-up float-xs-left"><a
                            class="nav-link nav-menu-main menu-toggle hidden-xs"><i
                                class="icon-menu5 font-large-1"></i></a></li>
                    <li class="nav-item"><a href="index.html" class="navbar-brand nav-link"><img alt="branding logo"
                                src="/public/bbs_admin/app-assets/images/logo/robust-logo-light.png"
                                data-expand="/public/bbs_admin/app-assets/images/logo/robust-logo-light.png"
                                data-collapse="/public/bbs_admin/app-assets/images/logo/robust-logo-small.png"
                                class="brand-logo"></a></li>
                    <li class="nav-item hidden-md-up float-xs-right"><a data-toggle="collapse"
                            data-target="#navbar-mobile" class="nav-link open-navbar-container"><i
                                class="icon-ellipsis pe-2x icon-icon-rotate-right-right"></i></a></li>
                </ul>
            </div>
            <div class="navbar-container content container-fluid">
                <div id="navbar-mobile" class="collapse navbar-toggleable-sm">
                    <ul class="nav navbar-nav">
                        <li class="nav-item hidden-sm-down"><a class="nav-link nav-menu-main menu-toggle hidden-xs"><i
                                    class="icon-menu5"> </i></a></li>
                        <li class="nav-item hidden-sm-down"><a href="#" class="nav-link nav-link-expand"><i
                                    class="ficon icon-expand2"></i></a></li>
                        <li class="nav-item hidden-sm-down"><a
                                href="https://pixinvent.com/bootstrap-admin-template/robust/" target="_blank"
                                class="btn btn-success upgrade-to-pro">Upgrade to PRO $24</a></li>
                    </ul>
                    <ul class="nav navbar-nav float-xs-right">
                        <li class="dropdown dropdown-language nav-item"><a id="dropdown-flag" href="#"
                                data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"
                                class="dropdown-toggle nav-link"><i class="flag-icon flag-icon-gb"></i><span
                                    class="selected-language">English</span></a>
                            <div aria-labelledby="dropdown-flag" class="dropdown-menu"><a href="#"
                                    class="dropdown-item"><i class="flag-icon flag-icon-gb"></i> English</a><a href="#"
                                    class="dropdown-item"><i class="flag-icon flag-icon-fr"></i> French</a><a href="#"
                                    class="dropdown-item"><i class="flag-icon flag-icon-cn"></i> Chinese</a><a href="#"
                                    class="dropdown-item"><i class="flag-icon flag-icon-de"></i> German</a></div>
                        </li>
                        <li class="dropdown dropdown-notification nav-item"><a href="#" data-toggle="dropdown"
                                class="nav-link nav-link-label"><i class="ficon icon-bell4"></i><span
                                    class="tag tag-pill tag-default tag-danger tag-default tag-up">5</span></a>
                            <ul class="dropdown-menu dropdown-menu-media dropdown-menu-right">
                                <li class="dropdown-menu-header">
                                    <h6 class="dropdown-header m-0"><span
                                            class="grey darken-2">Notifications</span><span
                                            class="notification-tag tag tag-default tag-danger float-xs-right m-0">5
                                            New</span></h6>
                                </li>
                                <li class="list-group scrollable-container"><a href="javascript:void(0)"
                                        class="list-group-item">
                                        <div class="media">
                                            <div class="media-left valign-middle"><i
                                                    class="icon-cart3 icon-bg-circle bg-cyan"></i></div>
                                            <div class="media-body">
                                                <h6 class="media-heading">You have new order!</h6>
                                                <p class="notification-text font-small-3 text-muted">Lorem ipsum dolor
                                                    sit amet, consectetuer elit.</p><small>
                                                    <time datetime="2015-06-11T18:29:20+08:00"
                                                        class="media-meta text-muted">30 minutes ago</time></small>
                                            </div>
                                        </div>
                                    </a><a href="javascript:void(0)" class="list-group-item">
                                        <div class="media">
                                            <div class="media-left valign-middle"><i
                                                    class="icon-monitor3 icon-bg-circle bg-red bg-darken-1"></i></div>
                                            <div class="media-body">
                                                <h6 class="media-heading red darken-1">99% Server load</h6>
                                                <p class="notification-text font-small-3 text-muted">Aliquam tincidunt
                                                    mauris eu risus.</p><small>
                                                    <time datetime="2015-06-11T18:29:20+08:00"
                                                        class="media-meta text-muted">Five hour ago</time></small>
                                            </div>
                                        </div>
                                    </a><a href="javascript:void(0)" class="list-group-item">
                                        <div class="media">
                                            <div class="media-left valign-middle"><i
                                                    class="icon-server2 icon-bg-circle bg-yellow bg-darken-3"></i></div>
                                            <div class="media-body">
                                                <h6 class="media-heading yellow darken-3">Warning notifixation</h6>
                                                <p class="notification-text font-small-3 text-muted">Vestibulum auctor
                                                    dapibus neque.</p><small>
                                                    <time datetime="2015-06-11T18:29:20+08:00"
                                                        class="media-meta text-muted">Today</time></small>
                                            </div>
                                        </div>
                                    </a><a href="javascript:void(0)" class="list-group-item">
                                        <div class="media">
                                            <div class="media-left valign-middle"><i
                                                    class="icon-check2 icon-bg-circle bg-green bg-accent-3"></i></div>
                                            <div class="media-body">
                                                <h6 class="media-heading">Complete the task</h6><small>
                                                    <time datetime="2015-06-11T18:29:20+08:00"
                                                        class="media-meta text-muted">Last week</time></small>
                                            </div>
                                        </div>
                                    </a><a href="javascript:void(0)" class="list-group-item">
                                        <div class="media">
                                            <div class="media-left valign-middle"><i
                                                    class="icon-bar-graph-2 icon-bg-circle bg-teal"></i></div>
                                            <div class="media-body">
                                                <h6 class="media-heading">Generate monthly report</h6><small>
                                                    <time datetime="2015-06-11T18:29:20+08:00"
                                                        class="media-meta text-muted">Last month</time></small>
                                            </div>
                                        </div>
                                    </a></li>
                                <li class="dropdown-menu-footer"><a href="javascript:void(0)"
                                        class="dropdown-item text-muted text-xs-center">Read all notifications</a></li>
                            </ul>
                        </li>
                        <li class="dropdown dropdown-notification nav-item"><a href="#" data-toggle="dropdown"
                                class="nav-link nav-link-label"><i class="ficon icon-mail6"></i><span
                                    class="tag tag-pill tag-default tag-info tag-default tag-up">8</span></a>
                            <ul class="dropdown-menu dropdown-menu-media dropdown-menu-right">
                                <li class="dropdown-menu-header">
                                    <h6 class="dropdown-header m-0"><span class="grey darken-2">Messages</span><span
                                            class="notification-tag tag tag-default tag-info float-xs-right m-0">4
                                            New</span></h6>
                                </li>
                                <li class="list-group scrollable-container"><a href="javascript:void(0)"
                                        class="list-group-item">
                                        <div class="media">
                                            <div class="media-left"><span
                                                    class="avatar avatar-sm avatar-online rounded-circle"><img
                                                        src="/public/bbs_admin/app-assets/images/portrait/small/avatar-s-1.png"
                                                        alt="avatar"><i></i></span></div>
                                            <div class="media-body">
                                                <h6 class="media-heading">Margaret Govan</h6>
                                                <p class="notification-text font-small-3 text-muted">I like your
                                                    portfolio, let's start the project.</p><small>
                                                    <time datetime="2015-06-11T18:29:20+08:00"
                                                        class="media-meta text-muted">Today</time></small>
                                            </div>
                                        </div>
                                    </a><a href="javascript:void(0)" class="list-group-item">
                                        <div class="media">
                                            <div class="media-left"><span
                                                    class="avatar avatar-sm avatar-busy rounded-circle"><img
                                                        src="/public/bbs_admin/app-assets/images/portrait/small/avatar-s-2.png"
                                                        alt="avatar"><i></i></span></div>
                                            <div class="media-body">
                                                <h6 class="media-heading">Bret Lezama</h6>
                                                <p class="notification-text font-small-3 text-muted">I have seen your
                                                    work, there is</p><small>
                                                    <time datetime="2015-06-11T18:29:20+08:00"
                                                        class="media-meta text-muted">Tuesday</time></small>
                                            </div>
                                        </div>
                                    </a><a href="javascript:void(0)" class="list-group-item">
                                        <div class="media">
                                            <div class="media-left"><span
                                                    class="avatar avatar-sm avatar-online rounded-circle"><img
                                                        src="/public/bbs_admin/app-assets/images/portrait/small/avatar-s-3.png"
                                                        alt="avatar"><i></i></span></div>
                                            <div class="media-body">
                                                <h6 class="media-heading">Carie Berra</h6>
                                                <p class="notification-text font-small-3 text-muted">Can we have call in
                                                    this week ?</p><small>
                                                    <time datetime="2015-06-11T18:29:20+08:00"
                                                        class="media-meta text-muted">Friday</time></small>
                                            </div>
                                        </div>
                                    </a><a href="javascript:void(0)" class="list-group-item">
                                        <div class="media">
                                            <div class="media-left"><span
                                                    class="avatar avatar-sm avatar-away rounded-circle"><img
                                                        src="/public/bbs_admin/app-assets/images/portrait/small/avatar-s-6.png"
                                                        alt="avatar"><i></i></span></div>
                                            <div class="media-body">
                                                <h6 class="media-heading">Eric Alsobrook</h6>
                                                <p class="notification-text font-small-3 text-muted">We have project
                                                    party this saturday night.</p><small>
                                                    <time datetime="2015-06-11T18:29:20+08:00"
                                                        class="media-meta text-muted">last month</time></small>
                                            </div>
                                        </div>
                                    </a></li>
                                <li class="dropdown-menu-footer"><a href="javascript:void(0)"
                                        class="dropdown-item text-muted text-xs-center">Read all messages</a></li>
                            </ul>
                        </li>
                        <li class="dropdown dropdown-user nav-item"><a href="#" data-toggle="dropdown"
                                class="dropdown-toggle nav-link dropdown-user-link"><span
                                    class="avatar avatar-online"><img
                                        src="/public/bbs_admin/app-assets/images/portrait/small/avatar-s-1.png"
                                        alt="avatar"><i></i></span><span class="user-name">John Doe</span></a>
                            <div class="dropdown-menu dropdown-menu-right"><a href="#" class="dropdown-item"><i
                                        class="icon-head"></i> Edit Profile</a><a href="#" class="dropdown-item"><i
                                        class="icon-mail6"></i> My Inbox</a><a href="#" class="dropdown-item"><i
                                        class="icon-clipboard2"></i> Task</a><a href="#" class="dropdown-item"><i
                                        class="icon-calendar5"></i> Calender</a>
                                <div class="dropdown-divider"></div><a href="#" class="dropdown-item"><i
                                        class="icon-power3"></i> Logout</a>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </nav>

    <!-- ////////////////////////////////////////////////////////////////////////////-->


    {$head}

    <div class="app-content content container-fluid">
        <div class="content-wrapper">
            <div class="content-header row">
                <div class="content-header-left col-md-6 col-xs-12 mb-1">
                    <h2 class="content-header-title"></h2>
                </div>
                <div class="content-header-right breadcrumbs-right breadcrumbs-top col-md-6 col-xs-12">
                    <div class="breadcrumb-wrapper col-xs-12">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="index.html">控制台</a>
                            </li>
                            <li class="breadcrumb-item"><a href="#">文章管理</a>
                            </li>
                            <li class="breadcrumb-item active">查看文章列表
                            </li>
                        </ol>
                    </div>
                </div>
            </div>
            <!-- 按发布时间检索 -->
            <div class="content-body">
                <!-- Basic Tables start -->
                <div class="row">
                    <div class="col-lg-10 offset-lg-1">
                        <div class="px-2 py-3 row mb-0">
                            <form action="{:url('bbs_admin/articlemanagement/SelectArticlesList')}" method="post">
                                <h2 class="content-header-title">按发布时间检索</h2>
                                <div style="float:left;width: 33.3%" class="form-group">
                                    <!-- <label for="projectinput5">开始时间</label> -->
                                    <div class="container">
                                        <div class="row">
                                            <div>
                                                <div class="form-group">
                                                    <div class="input-group date" id="datetimepicker_start"
                                                        data-target-input="nearest">
                                                        <input type="text" name='datetimepicker_start' class="form-control datetimepicker-input"
                                                            data-target="#datetimepicker_start" />
                                                        <div class="input-group-append"
                                                            data-target="#datetimepicker_start"
                                                            data-toggle="datetimepicker">
                                                            <div class="input-group-text">
                                                                <i class="fa fa-calendar"></i>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div style="float:left;width: 33.3%" class="container">
                                    <div
                                        class="nav flex-column justify-content-center bg-light text-center text-success">
                                        <h1 style="text-align:center ">请选择起止时间</h1>
                                    </div>
                                </div>


                                <div style="float:left;width: 33.3%" class="form-group">
                                    <!-- <label for="projectinput5">结束时间</label> -->
                                    <div class="container">
                                        <div class="row">
                                            <div >
                                                <div class="form-group">
                                                    <div class="input-group date" id="datetimepicker_end"
                                                        data-target-input="nearest">
                                                        <input type="text" name='datetimepicker_end' class="form-control datetimepicker-input"
                                                            data-target="#datetimepicker_end" />
                                                        <div class="input-group-append"
                                                            data-target="#datetimepicker_end"
                                                            data-toggle="datetimepicker">
                                                            <div class="input-group-text"><i class="fa fa-calendar"></i>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <script type="text/javascript">
                                                $(function () {
                                                    $('#datetimepicker_start').datetimepicker({
                                                        locale: 'zh-cn'
                                                    });
                                                });
                                                $(function () {
                                                    $('#datetimepicker_end').datetimepicker({
                                                        locale: 'zh-cn'
                                                    });
                                                });
                                            </script>
                                        </div>
                                    </div>
                                </div>
                                <div>
                                    <input type="submit" value="开始检索"
                                        class="btn btn-outline-primary btn-lg mr-1 mb-1 btn-block">
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 按发布时间检索 end -->
            <div class="content-body">
                <!-- Basic Tables start -->
                <div class="row">
                    <div class="col-lg-10 offset-lg-1">
                        <div class="px-2 py-3 row mb-0">
                            <h2 class="content-header-title">按分类检索</h2>
                            <div style="float:left;width: 33.3%" class="form-group">
                                <select class="selectpicker" multiple data-live-search="true"
                                    data-live-search-placeholder="搜索" data-actions-box="true">
                                    {volist name='bbs_classification_main' id='vo'}
                                    <optgroup label="{$vo.class_name}">
                                        {volist name='vo.son' id='son'}
                                        <option>{$son.son_class_name}</option>
                                        {/volist}
                                    </optgroup>
                                    {/volist}
                                </select>
                            </div>
                            <div style="float:left;width: 33.3%" class="container">
                                <div class="nav flex-column justify-content-center bg-light text-center text-success">
                                    <h1 style="text-align:center ">请输入关键字-></h1>
                                </div>
                            </div>
                            <div style="float:left;width: 33.3%" class="form-group">
                                <div class="input-group">
                                    <input type="text" class="form-control" placeholder="为空全部搜索" name="q">
                                </div>
                            </div>

                            <div>
                                <button type="button"
                                    class="btn btn-outline-danger btn-lg mr-1 mb-1 btn-block">开始检索</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
    <!-- ////////////////////////////////////////////////////////////////////////////-->


    <footer class="footer footer-static footer-light navbar-border">
        <p class="clearfix text-muted text-sm-center mb-0 px-2"><span
                class="float-md-left d-xs-block d-md-inline-block">Copyright &copy; 2017 <a
                    href="https://themeforest.net/user/pixinvent/portfolio?ref=pixinvent" target="_blank"
                    class="text-bold-800 grey darken-2">PIXINVENT </a>, All rights reserved. </span><span
                class="float-md-right d-xs-block d-md-inline-block">Hand-crafted & Made with <i
                    class="icon-heart5 pink"></i></span></p>
    </footer>

    <!-- BEGIN VENDOR JS-->
    <script src="/public/bbs_admin/app-assets/vendors/js/ui/tether.min.js" type="text/javascript"></script>
    <script src="/public/bbs_admin/app-assets/vendors/js/ui/unison.min.js" type="text/javascript"></script>
    <script src="/public/bbs_admin/app-assets/vendors/js/ui/blockUI.min.js" type="text/javascript"></script>
    <script src="/public/bbs_admin/app-assets/vendors/js/ui/jquery.matchHeight-min.js" type="text/javascript"></script>
    <script src="/public/bbs_admin/app-assets/vendors/js/ui/screenfull.min.js" type="text/javascript"></script>
    <script src="/public/bbs_admin/app-assets/vendors/js/extensions/pace.min.js" type="text/javascript"></script>
    <!-- BEGIN VENDOR JS-->
    <!-- BEGIN PAGE VENDOR JS-->
    <!-- END PAGE VENDOR JS-->
    <!-- BEGIN ROBUST JS-->
    <script src="/public/bbs_admin/app-assets/js/core/app-menu.js" type="text/javascript"></script>
    <script src="/public/bbs_admin/app-assets/js/core/app.js" type="text/javascript"></script>
    <!-- END ROBUST JS-->
    <!-- BEGIN PAGE LEVEL JS-->
    <!-- END PAGE LEVEL JS-->
    <script>
        $(document).ready(function () {
            var mySelect = $('#first-disabled2');

            $('#special').on('click', function () {
                mySelect.find('option:selected').prop('disabled', true);
                mySelect.selectpicker('refresh');
            });

            $('#special2').on('click', function () {
                mySelect.find('option:disabled').prop('disabled', false);
                mySelect.selectpicker('refresh');
            });

            $('#basic2').selectpicker({
                liveSearch: true,
                maxOptions: 1
            });
        });
    </script>
</body>

</html>